import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import { Carousel } from '$yo-component';


class HomePage extends Component {
    render() {
        return (
            <div className="yo-flex">
                {<Header title="个人简历" left={false}/>}
                <Scroller extraClass="flex">
                    <div className="m-content">
                        <Touchable touchClass="m-content-active" onTap={() => {
                            yoHistory.push('/detail');
                        }}>
                            <div>
                                <Carousel>
                                    <li className="item" ><img className="img" src="../common/img/1510386672733.jpeg" /></li>  
                                    <li className="item" ><img className="img" src="../common/img/1510386705040.jpeg" /></li>  
                                    <li className="item"><img className="img" src="../common/img/1510386695615.jpeg" /></li>  
                                    <li className="item"><img className="img" src="../common/img/1510386740071.jpeg" /></li>  
                                </Carousel>
                            </div>
                        </Touchable>
                    </div>
                </Scroller>
            </div>
        )
    }
}

export default HomePage;
